<template slot="actions" scope="props">
  <div class="table-button-container">
    <button class="btn btn-default" @click="onClick('edit-item', props.rowData)"><i class="fa fa-edit"></i> View</button>&nbsp;&nbsp;
    <button class="btn btn-danger" @click="onClick('delete-item', props.rowData)"><i class="fa fa-remove"></i> Edit</button>&nbsp;&nbsp;
  </div>
</template>

<style lang="scss">
  .table-responsive {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto;
  }
</style>

<script>
  import Vue from 'vue'
  import vuetable2 from 'vuetable-2'

  Vue.use(vuetable2)

  export default {
    data () {
      return {}
    }
  }

</script>
